<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta name="hotcss" content="initial-dpr=1">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!--禁止uc浏览器判断到页面上文字居多时，自动放大字体。-->
    <meta name="wap-font-scale" content="no">
    <meta name="author" content="">
    <title>品牌活动</title>
    <link rel="stylesheet" href="css/swiper-3.3.1.min.css"/>
    <link rel="stylesheet" href="css/css-reset.css"/>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/swiper-3.3.1.min.js"></script>
    <script src="js/basic.js"></script>
</head>
<body>



<!--头部-->
<header></header>


<div class="inner-banner" style="background: url('images/new-car-banner.jpg') no-repeat center center;background-size: cover;"></div>

<div class="bread-nav">
    <div class="wrap clearfix">
        <a href="#">首页</a>
        <span>&gt;</span>
        <a class="on" href="#">品牌活动</a>
    </div>
</div>



<div class="brand-car">
    <div class="wrap">

        <div class="nc-sort clearfix">
            <div class="nc-sort-title">排序：</div>
            <div class="nc-sort-a clearfix">
                <a class="on" href="#">默认</a>
                <a href="#">销量</a>
                <a href="#">价格</a>
            </div>
        </div>

        <div class="index-brand-content">
            <div class="ib-box clearfix">
                <a href="#">
                    <div class="ib-box-img">
                        <img src="images/ib-img1.jpg" alt="">
                    </div>
                    <div class="ib-box-con">
                        <div class="ib-box-p">
                            <h4>奔驰 AMG GT</h4>
                            <p>设计美学与强劲动力于一身</p>
                        </div>
                        <div class="ib-box-more">了解更多 ></div>

                    </div>
                </a>
            </div>
            <div class="ib-box clearfix">
                <a href="#">
                    <div class="ib-box-img">
                        <img src="images/ib-img2.jpg" alt="">
                    </div>
                    <div class="ib-box-con">
                        <div class="ib-box-p">
                            <h4>超跑 Ditreamory</h4>
                            <p>设计美学与强劲动力于一身</p>
                        </div>
                        <div class="ib-box-more">了解更多 ></div>

                    </div>
                </a>
            </div>
            <div class="ib-box clearfix">
                <a href="#">
                    <div class="ib-box-img">
                        <img src="images/ib-img3.jpg" alt="">
                    </div>
                    <div class="ib-box-con">
                        <div class="ib-box-p">
                            <h4>超跑 AMG GT</h4>
                            <p>设计美学与强劲动力于一身</p>
                        </div>
                        <div class="ib-box-more">了解更多 ></div>
                    </div>
                </a>
            </div>
            <div class="ib-box clearfix">
                <a href="#">
                    <div class="ib-box-img">
                        <img src="images/ib-img1.jpg" alt="">
                    </div>
                    <div class="ib-box-con">
                        <div class="ib-box-p">
                            <h4>奔驰 AMG GT</h4>
                            <p>设计美学与强劲动力于一身</p>
                        </div>
                        <div class="ib-box-more">了解更多 ></div>

                    </div>
                </a>
            </div>
            <div class="ib-box clearfix">
                <a href="#">
                    <div class="ib-box-img">
                        <img src="images/ib-img2.jpg" alt="">
                    </div>
                    <div class="ib-box-con">
                        <div class="ib-box-p">
                            <h4>超跑 Ditreamory</h4>
                            <p>设计美学与强劲动力于一身</p>
                        </div>
                        <div class="ib-box-more">了解更多 ></div>

                    </div>
                </a>
            </div>
            <div class="ib-box clearfix">
                <a href="#">
                    <div class="ib-box-img">
                        <img src="images/ib-img3.jpg" alt="">
                    </div>
                    <div class="ib-box-con">
                        <div class="ib-box-p">
                            <h4>超跑 AMG GT</h4>
                            <p>设计美学与强劲动力于一身</p>
                        </div>
                        <div class="ib-box-more">了解更多 ></div>
                    </div>
                </a>
            </div>
        </div>

        <!--页码-->
        <div class="page">
            <a href="#">上一页</a>
            <a class="on" href="#">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">下一页</a>
        </div>

    </div>

</div>


<!--底部-->
<footer></footer>



</body>
</html>